@import "../../css/common/constants.scss";


@mixin news_list {
    li {
        padding: 20px;
        border-bottom: 1px solid #eee;
        overflow: hidden;

        //缩略图
        .thumbnail_group {
            float: left;
            height: 162px;
            width: 226px;

            img {
                width: 100%;
                height: 100%;
            }
        }

        //标题等信息
        .news_group {
            float: right;
            width: 504px;
            height: 162;
            position: relative;

            .title {
                font-size: 20px;

                a {
                    color: #212121;

                    &:hover {
                        color: $themeColor;
                    }
                }
            }

            .desc {
                color: #878787;
                font-size: 14px;
                margin-top: 10px;
            }

            .more {
                position: absolute; //由于要放到最下面，所以绝对定位会更好
                left: 0;
                right: 0;
                bottom: 0;
                font-size: 14px;

                //分类信息
                .category {
                    color: #878787;
                }

                //发布(publish)时间
                .pub_time {
                    float: right;
                    margin-left: 14px;
                }

                //作者
                .author {
                    float: right;
                }
            }

        }
    }
}